<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/8/30
  Time: 16:40
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--    路径：绝对路径：相对路径-->
    <link rel="stylesheet" href="../css/home.css">


</head>
<body>
<div class="content">
    <div>
        <jsp:include page="top.jsp"></jsp:include>
        <div class="middle">
            <div>
                <div>
                    <div class="title">较新动态</div>
                    <div class="news-area">
                        <div><img src="../imgages/m331.jpg" height="190" width="268"/></div>
                        <div id="news">
                            <c:forEach items="${newsModels}" var="model">
                                <div>
                                    <div class="font-title single-line-overflow">
                                        <a href="/newsDetail?id=${model.id}">${model.title}
                                        </a>
                                    </div>
                                    <div class="font-area single-line-overflow">
                                            ${model.content}
                                    </div>
                                </div>
                            </c:forEach>
                            <!--                            <div>-->
                            <!--                                <div class="font-title single-line-overflow"><a href="newsDetail.html?id=1"> 日本较大抹茶餐饮七叶和茶登陆上海日本较大抹茶餐饮七叶和茶登陆上海</a>-->
                            <!--                                </div>-->
                            <!--                                <div class="font-area single-line-overflow">日本较大的抹茶餐饮连锁正式登陆，上海，其中-->
                            <!--                                </div>-->
                            <!--                            </div>-->
                            <!--                            <div>-->
                            <!--                                <div class="font-title single-line-overflow">日本较大抹茶餐饮七叶和茶登陆上海-->
                            <!--                                </div>-->
                            <!--                                <div class="font-area single-line-overflow">日本较大的抹茶餐饮连锁正式登陆，上海，其中-->
                            <!--                                </div>-->
                            <!--                            </div>-->
                            <!--                            <div>-->
                            <!--                                <div class="font-title single-line-overflow">日本较大抹茶餐饮七叶和茶登陆上海-->
                            <!--                                </div>-->
                            <!--                                <div class="font-area single-line-overflow">日本较大的抹茶餐饮连锁正式登陆，上海，其中-->
                            <!--                                </div>-->
                            <!--                            </div>-->
                        </div>
                    </div>
                </div>
                <div>
                    <div class="title">产品展示</div>
                    <div class="product-area" id="product">
                        <!--                        <div>-->
                        <!--                            <div ><img src="../imgages/48_j53b.jpg"  onclick="window.location.href='productDetail.html?id=1'" height="300" width="300"/></div>-->
                        <!--                            <div class="font-title single-line-overflow" onclick="window.location.href='productDetail.html?id=1'"> 蚂蚁上树</div>-->
                        <!--                            <div class="font-area single-line-overflow">-->
                        <!--                                粉丝200g,猪内馅50克。-->
                        <!--                            </div>-->
                        <!--                        </div>-->
                        <!--                        <div>-->
                        <!--                            <div><img src="../imgages/48_j53b.jpg" height="300" width="300"/></div>-->
                        <!--                            <div class="font-title single-line-overflow">蚂蚁上树</div>-->
                        <!--                            <div class="font-area single-line-overflow">-->
                        <!--                                粉丝200g,猪内馅50克。-->

                        <!--                            </div>-->
                        <!--                        </div>-->
                    </div>
                </div>
            </div>
        </div>
        <jsp:include page="foot.jsp"></jsp:include>
    </div>
</div>
</body>
</html>
